#mainframe{
	float: left;
	z-index: -1;
	width: 55em;
	height: 75%;
	position: absolute;
	left: 15em;
}

#title{
	width: 70em;
	height: 100px;
	margin-right: auto;
	border: 2px groove;
	text-indent:0px;
	border-radius: 15px;
	text-align: center;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
	background: #b3dced;
	line-height: 100px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=1 );
	background: -moz-radial-gradient(center, ellipse cover,  #b3dced 0%, #29b8e5 50%, #bce0ee 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee));
	background: -webkit-radial-gradient(center, ellipse cover,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
	background: radial-gradient(ellipse at center,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
}

#logout{
	position: relative;
	top: -10.5em;
	left: 30em;
	width: 100px;
	height: 50px;
}

#navi {
	position: absolute;
	float: left;
	border-radius: 15px;
	border-color: #BCC6CC;
	background: #E5E4E2;
}

#navi2 {
	width: 225px;
}

.naviButton {
	display:inline-block;
	width: 14em;
	height: 2.5em;
	border: 2px groove;
	border-radius: 15px;
	border-color: #E5E4E2;
	background: #BCC6CC;
	box-shadow: inset -5px -4px 7px -1px #0f0f0f;
	text-indent: 0px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.naviButton {
	height: 30px;
	width: 225px;
	-moz-box-shadow:inset -16px -8px 13px -3px #0f0f0f;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	background:-moz-linear-gradient( center top, #00fbff 5%, #468ccf 100% );
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-box-shadow:inset -16px -8px 13px -3px #0f0f0f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00fbff), color-stop(1, #468ccf) );
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fbff', endColorstr='#468ccf');
	box-shadow:inset -16px -8px 13px -3px #0f0f0f;
	text-indent: 0px;
	border: 2px solid #3866a3;
	display: inline-block;
	color: #14396a;
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 3px 0px #7cacde;
	margin-top: .5em;
}
.naviButton:hover {
	box-shadow:inset 0px 0px 0px 0px #0f0f0f;
	color: skyblue;
}

.naviButton:active {
	position:relative;
	top:1px;
}

.naviButton {
	display:inline-block;
	width: 14em;
	height: 2.5em;
	border: 2px groove;
	border-radius: 15px;
	border-color: #E5E4E2;
	background: #BCC6CC;
	box-shadow: inset -5px -4px 7px -1px #0f0f0f;
	text-indent: 0px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.naviButton2 {
	height: 30px;
	width: 210px;
	-moz-box-shadow:inset -16px -8px 13px -3px #0f0f0f;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	background:-moz-linear-gradient( center top, #00fbff 5%, #468ccf 100% );
	-webkit-box-shadow:inset -16px -8px 13px -3px #0f0f0f;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0099ff), color-stop(1, #0000ff) );
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	box-shadow: inset -16px -8px 13px -3px #0f0f0f;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#0000ff');
	text-indent: 0px;
	border:2px solid #3866a3;
	display: inline-block;
	color: #white;
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 3px 0px #7cacde;
	margin-top: .5em;
	margin-left: 10px;
}
.naviButton2:hover {
	box-shadow:inset 0px 0px 0px 0px #0f0f0f;
	color: skyblue;
}

.naviButton2:active {
	position:relative;
	top:1px;
}

#welcome{
	display: none;
}
